<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车列表</title>
    <!-- 引入重置样式表 reset.css -->
    <link rel="stylesheet" href="../lib/css/reset.css">
    <!-- 引入字体图标样式表 iconfont.css -->
    <link rel="stylesheet" href="../static/fonts/iconfont.css">
    <!-- 引入公共样式表 common.css-->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入购物车列表样式表 register.css -->
    <link rel="stylesheet" href="../css/cartList.css">

</head>

<body>
    <!-- 顶部搜索栏 -->

    <div id="header">
        <div class="container clearfix">
            <img src="../static/images/logo.png" alt="熊猫优选logo">
            <div class="panda">
                <h2>熊猫优选</h2>
                <p>XIONG MAO YOU XUAN</p>
            </div>


            <!-- 中间搜索框 -->
            <div class="search">
                <input type="text" placeholder="搜索商品，发现更多优惠">
                <span class="iconfont icon-bendisousu"></span>
                <div>搜索</div>
            </div>

            <!-- 右边品质+购物车入口 -->
            <div class="shopRelevent fr">
                <ul class="shop">
                    <li><span class="iconfont icon-99yuanbaoyou text"></span> <br> 全程包邮</li>
                    <li><span class="iconfont icon-7tiantuihuan text"></span> <br> 七天退化</li>
                    <li><span class="iconfont icon-shenqingchenggonggougouicon text"></span> <br> 品质保证</li>
                    <li><span class="iconfont icon-kouhong text cart"></span><br>返回首页</li>
                </ul>
            </div>
            <!-- 登录提示 -->
            <p class="fr login">
                <span>尚未登录</span>
                <span class="logOut">退出登录</span>
                <span class="freeRegister">免费注册</span>
            </p>
        </div>
    </div>

    <!-- 主体区域 -->

    <div id="main" class="container clearfix">
        <!-- 动态渲染 -->
    </div>


    </div>


    <div id="aside">
        <img src="../static/images/backTop.png" alt="返回顶部">
    </div>
    <div id="toCollection">
        <p> 查看 <br> 收藏夹</p>
    </div>

    <!-- 底部版权相关 -->
    <div id="copyright">
        <div class="container clearfix">
            <img src="../static/images/logo.png" alt="" class="fl logo">
            <div class="fl text">
                <h2>熊猫优选</h2>
                <p>年轻人网购首选</p>
                <p>购物领券更省钱</p>
            </div>

            <p class="download"><a href="http://www.xiongmaoyouxuan.com/#/downLoad">| 下载App</a></p>
            <p class="rights"><img src="../static/images/policeIcon.webp" alt="">浙公安网备案33010602009949号<img
                    src="../static/images/license.webp" alt="">ICP备案号:浙lCP备17012864号-1</p>
        </div>
    </div>

    
    <!-- jq -->
    <script src="../lib/js/jquery-3.6.0.js"></script>
    <!-- axios -->
    <script src="../lib/js/axios.min.js"></script>
    <!-- 公共 -->
    <script src="../js/common.js"></script>
    <!-- 购物车 -->
    <script src="../js/cartList.js"></script>
</body>

</html>